<template>
  <div class="mcon">
    <div class="input">
      <input type="text" v-model="mname">
    </div>
    <div class="search">
      <router-link :to="`/${mname}`">连接</router-link>
    </div>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<style>
.mcon {
  background-color: #c5cbc5;
  height: 100%;
  display: flex;
  flex-direction: row;
}
</style>

<script>
import {ref} from "vue";

export default {
  setup() {
    let mname = ref('')
    return {
      mname
    }
  }
}
</script>
